<template>
  <div>
    <h1>layout组件</h1>
    <el-row>
      <el-col :span="6">占用6份</el-col>
      <el-col :span="6">占用6份</el-col>
      <el-col :span="6">占用6份</el-col>
      <el-col :span="6">占用6份</el-col>
    </el-row>
    <el-row :gutter="50" tag="span">
      <el-col :span="4">占用6份</el-col>
      <el-col :span="8">占用6份</el-col>
      <el-col :span="3">占用6份</el-col>
      <el-col :span="9">占用6份</el-col>
    </el-row>

    <h1>使用偏移</h1>
    <el-row>

<!--      push不会顶 offset会顶-->
      <el-col :span="12" :offset="6" :push="3">我占用12分</el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "Layout"
}
</script>

<style scoped>

</style>
